<template>
    <section>
        <div class="businessNews">
            <div class="title">{{dataList.title}}</div>
            <div class="time">{{dataList.time|formatDate('yyyy-MM-dd HH:mm:ss')}}</div>
            <wioc-card :shadow="'shadow'" :border="'radius'">
                <div class="article" v-html="dataList.text">
                </div>
            </wioc-card>
        </div>
    </section>
</template>

<script>
    export default {
        name: 'wioc-business-news',
        props:['dataList'],
        data() {
            return {
               /*  datalist: {
                     title:'徐汇科技学堂云共享计划第一期：Makeblock教育机器人',
                     time:'2019-02-21  17:58:08',
                     text:'本期云共享计划的硬件是由Makeblock提供的编程教育机器人——程小奔。程小奔是Makeblock最新发布的一款可编程机器人，它由头部的“小程”和下方“小奔”' +
                         '两个部分组成，内置了十余种可编程电子模块，并配套有专门的图形化编程工具“慧编程”' +
                         '。学生可用它来创作动画、游戏、设计人工智能或物联网的应用等，适用于学校开展编程教' +
                         '育或机器人教育课程。本期参加云共享活动的程小奔共100台，申请成功的老师将会获得不少于1' +
                         '0台的程小奔。'
                 }*/
            }
        },
        methods:{
        }
    }
</script>

<style lang="less" scoped>
  .businessNews {
      //width: 3.39rem;
      font-family:PingFangSC-Regular;
      text-align:left;
      .title{
          font-size:0.17rem;
          color:#595959;
          letter-spacing:-0.41px;
          font-weight: bold;
      }
      .time{
          width: 1.2rem;
          height: 0.2rem;
          background-color: #ebedf8;
          border-radius: 0.2rem;
          line-height: 0.2rem;
          text-align: center;
          margin: 0.1rem 0 0.1rem 0;
          font-size:0.11rem;
          color:#979797;
          letter-spacing:-0.41px;
      }
      .article{
          width: 100%;
          font-size:0.15rem;
          color:#595959;
          letter-spacing:-0.36px;
          line-height: 40px;
          img{
              width: 100%;
              height: 100%;
          }
      }
      /deep/ content{
          padding: .05rem;
      }
  }
</style>
